<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8"/>
    <title>Layout Exercise</title>
</head>
<body>
	<nav>导航栏</nav>
		<main style="width: 500px;height: 350px;background-color: pink">
			<header>
				<h1 style="text-align: center">实验楼学习教程</h1>
				<p style="text-align: center">学习就上<a href="http://www.lanqiao.cn/"><cite>实验楼</cite></a></p>
			</header>
			<hr/>
			<article>
				<section>
					<ol>
						<li><q>后端</q>开发</li>
						<li>运维<dfn>开发</dfn></li>
						<li><ins>前端</ins>开发</li>
					</ol>
				</section>
				<blockquote>
					<ul>
						<li><span>HTML<small>5</small></span>基础课程</li>
						<li>
							<em>CSS</em>基础课程
							<meter value="80" min="0" max="100" title="熟练"></meter>
						</li>
						<li><mark><abbr title="JavaScript">JS</abbr></mark>基础课程</li>
						<li><del>Flash</del></li>
						<li>...</li>
					</ul>
				</blockquote>
				&nbsp<progress value="50" max="100" title="课程完善进度"></progress>
			</article>
		</main>
	<aside>侧边栏</aside>
	<code>
		console.log('hello world');
	</code>
	<footer>版权所有，仿冒必究</footer>
</body>
</html>
